@use '@angular/material' as mat;
@use '@angular/cdk';
@use './styles/general';
@use './styles/api';
@use './styles/markdown';
@use './styles/tables';

html {
  background-color: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);

  @include mat.theme(
    (
      color: (
        theme-type: light,
        primary: mat.$azure-palette,
        tertiary: mat.$blue-palette,
      ),
      typography: Roboto,
      density: 0,
    )
  );

  @include mat.system-classes();
  @include cdk.a11y-visually-hidden();
}

@include general.structural-styles;
@include api.api-styles;
@include markdown.markdown-styles;
@include tables.table-styles;
